<!DOCTYPE html>
<!-- saved from url=(0043)https://www.layui.com/admin/std/dist/views/ -->
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/head :: commonHead('首页')"></head>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/static/layui/css/layui.css"/>
    <link rel="stylesheet" href="/static/layui/css/modules/laydate/default/laydate.css">
    <link rel="stylesheet" href="/static/layui/css/modules/layer/default/layer.css">
    <link rel="stylesheet" href="/static/css/admin.css">
    <script type="application/javascript" src="/static/js/jquery-3.3.1.js"></script>
    <script type="application/javascript" src="/static/layui/layui.js"></script>
    <script type="application/javascript" src="/static/layui/lay/modules/layer.js"></script>
    <style>
        .ilst {
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            position: relative;
            display: none
        }

        .lst {
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .lst li {
            display: inline-block;
            list-style: none;
            width: auto;
            height: auto;
            margin: 0px 20px 20px 0px;
            background-color: #eee;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            vertical-align: middle;
            border: 3px solid rgba(255, 255, 255, 0)
        }

        .lst li .imageItemResolution {
            position: absolute;
            left: 0px;
            bottom: 0px;
            background: #16fd0061;
            font-size: small;
            text-align: center;
            line-height: normal;
        }

        .lst li.select-item.selecting-item, .lst li.select-item.selected-item, .lst li.select-item:hover {
            border: 3px solid #1094fa;
            box-shadow: #1094fa 0 0 8px 0
        }

        .lst li.select-item.unselecting-item {
            border: 3px solid #83b6ff;
            box-shadow: #83b6ff 0 0 8px 0
        }

        .lst li.select-item.selected-item.success {
            border: 3px solid #00FF00;
            box-shadow: #00FF00 0 0 8px 0
        }

        .lst li.select-item.selected-item.fail {
            border: 3px solid #FF0000;
            box-shadow: #FF0000 0 0 8px 0
        }
    </style>
</head>
<body class="layui-layout-body" layadmin-themealias="default" style="">

<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect="">
                    <a href="javascript:;" id="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <a href="/" target="_blank" title="前台">
                        <i class="layui-icon layui-icon-website"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect="">
                    <a href="javascript:;" id="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search"
                           id="serach" lay-action="template/search.html?keywords=">
                </li>
                <span class="layui-nav-bar" style="left: 150px; top: 48px; width: 0px; opacity: 0;"></span>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

                <li class="layui-nav-item" lay-unselect="">
                    <a lay-href="app/message/index.html" lay-text="消息中心">
                        <i class="layui-icon layui-icon-notice"></i>

                        <!-- 如果有新消息，则显示小圆点 -->
                        <span class="layui-badge-dot"></span>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <a href="javascript:;" >
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <a href="javascript:;" >
                        <i class="layui-icon layui-icon-note"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <a href="javascript:;" id="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect="">
                    <a href="javascript:;">
                        <cite>System</cite>
                        <span class="layui-nav-more"></span></a>
                    <dl class="layui-nav-child">
                        <dd><a lay-href="set/user/info.html">基本资料</a></dd>
                        <dd><a lay-href="set/user/password.html">修改密码</a></dd>
                        <hr>
                        <dd id="logout" style="text-align: center;"><a>退出</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect="">
                    <a href="javascript:;" id="about"><i
                            class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect="">
                    <a href="javascript:;" id="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
                <span class="layui-nav-bar" style="left: 196px; top: 48px; width: 0px; opacity: 0;"></span>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" lay-href="/index.html">
                    <span>layuiAdmin</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="demo">
                    <li data-name="home" class="layui-nav-item">
                        <a href="javascript:;" lay-tips="主页" lay-direction="2">
                            <i class="layui-icon layui-icon-home"></i>
                            <cite>主页</cite>
                            <span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd data-name="console" class="">
                                <a lay-href="home/console.html">控制台</a>
                            </dd>
                            <dd data-name="console">
                                <a lay-href="home/homepage1.html">主页一</a>
                            </dd>
                            <dd data-name="console">
                                <a lay-href="home/homepage2.html">主页二</a>
                            </dd>
                        </dl>
                    </li>
                    <li data-name="component" class="layui-nav-item">
                        <a href="javascript:;" lay-tips="组件" lay-direction="2">
                            <i class="layui-icon layui-icon-component"></i>
                            <cite>组件</cite>
                            <span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd data-name="grid">
                                <a href="javascript:;">栅格<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="list"><a lay-href="component/grid/list.html">等比例列表排列</a></dd>
                                    <dd data-name="mobile"><a lay-href="component/grid/mobile.html">按移动端排列</a></dd>
                                    <dd data-name="mobile-pc"><a lay-href="component/grid/mobile-pc.html">移动桌面端组合</a>
                                    </dd>
                                    <dd data-name="all"><a lay-href="component/grid/all.html">全端复杂组合</a></dd>
                                    <dd data-name="stack"><a lay-href="component/grid/stack.html">低于桌面堆叠排列</a></dd>
                                    <dd data-name="speed-dial"><a lay-href="component/grid/speed-dial.html">九宫格</a></dd>
                                </dl>
                            </dd>
                            <dd data-name="button">
                                <a lay-href="component/button/index.html">按钮</a>
                            </dd>
                            <dd data-name="form" class="layui-nav-itemed">
                                <a href="javascript:;">表单<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd class="layui-this"><a lay-href="component/form/element.html">表单元素</a></dd>
                                    <dd><a lay-href="component/form/group.html">表单组合</a></dd>
                                </dl>
                            </dd>
                            <dd data-name="anim">
                                <a lay-href="component/anim/index.html">动画</a>
                            </dd>
                            <dd data-name="auxiliar">
                                <a lay-href="component/auxiliar/index.html">辅助</a>
                            </dd>
                            <dd data-name="layer">
                                <a href="javascript:;">通用弹层<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="list">
                                        <a lay-href="component/layer/list.html" lay-text="layer 功能演示">功能演示</a>
                                    </dd>
                                    <dd data-name="special-demo">
                                        <a lay-href="component/layer/special-demo.html" lay-text="layer 特殊示例">特殊示例</a>
                                    </dd>
                                    <dd data-name="theme">
                                        <a lay-href="component/layer/theme.html" lay-text="layer 风格定制">风格定制</a>
                                    </dd>
                                </dl>
                            </dd>
                            <dd data-name="laydate">
                                <a href="javascript:;">日期时间<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="demo1">
                                        <a lay-href="component/laydate/demo1.html" lay-text="layDate 功能演示一">功能演示一</a>
                                    </dd>
                                    <dd data-name="demo2">
                                        <a lay-href="component/laydate/demo2.html" lay-text="layDate 功能演示二">功能演示二</a>
                                    </dd>
                                    <dd data-name="theme">
                                        <a lay-href="component/laydate/theme.html" lay-text="layDate 设定主题">设定主题</a>
                                    </dd>
                                    <dd data-name="special-demo">
                                        <a lay-href="component/laydate/special-demo.html"
                                           lay-text="layDate 特殊示例">特殊示例</a>
                                    </dd>
                                </dl>
                            </dd>
                            <dd data-name="table-static">
                                <a lay-href="component/table/static.html">静态表格</a>
                            </dd>
                            <dd data-name="table">
                                <a href="javascript:;">数据表格<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="simple">
                                        <a lay-href="component/table/simple.html" lay-text="">简单数据表格</a>
                                    </dd>
                                    <dd data-name="auto">
                                        <a lay-href="component/table/auto.html" lay-text="">列宽自动分配</a>
                                    </dd>
                                    <dd data-name="cellEvent">
                                        <a lay-href="component/table/cellEvent.html" lay-text="">监听单元格事件</a>
                                    </dd>
                                    <dd data-name="thead">
                                        <a lay-href="component/table/thead.html" lay-text="">复杂表头</a>
                                    </dd>
                                </dl>
                            </dd>
                            <dd data-name="laypage">
                                <a href="javascript:;">分页<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="demo1">
                                        <a lay-href="component/laypage/demo1.html" lay-text="layPage 功能演示一">功能演示一</a>
                                    </dd>
                                    <dd data-name="demo2">
                                        <a lay-href="component/laypage/demo2.html" lay-text="layPage 功能演示二">功能演示二</a>
                                    </dd>
                                </dl>
                            </dd>
                            <dd data-name="upload">
                                <a href="javascript:;">上传<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="demo1">
                                        <a lay-href="component/upload/demo1.html" lay-text="上传功能演示一">功能演示一</a>
                                    </dd>
                                    <dd data-name="demo2">
                                        <a lay-href="component/upload/demo2.html" lay-text="上传功能演示二">功能演示二</a>
                                    </dd>
                                </dl>
                            </dd>
                            <dd data-name="colorpicker">
                                <a lay-href="component/colorpicker/index.html">颜色选择器</a>
                            </dd>
                            <dd data-name="slider">
                                <a lay-href="component/slider/index.html">滑块组件</a>
                            </dd>
                            <dd data-name="rate">
                                <a lay-href="component/rate/index.html">评分</a>
                            </dd>
                            <dd data-name="carousel">
                                <a lay-href="component/carousel/index.html">轮播</a>
                            </dd>
                            <dd data-name="flow">
                                <a lay-href="component/flow/index.html">流加载</a>
                            </dd>
                            <dd data-name="util">
                                <a lay-href="component/util/index.html">工具</a>
                            </dd>
                            <dd data-name="code">
                                <a lay-href="component/code/index.html">代码修饰</a>
                            </dd>
                        </dl>
                    </li>
                    <li data-name="template" class="layui-nav-item">
                        <a href="javascript:;" lay-tips="页面" lay-direction="2">
                            <i class="layui-icon layui-icon-template"></i>
                            <cite>页面</cite>
                            <span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd><a lay-href="template/personalpage.html">个人主页</a></dd>
                            <dd><a lay-href="template/addresslist.html">通讯录</a></dd>
                            <dd><a lay-href="template/caller.html">客户列表</a></dd>
                            <dd><a lay-href="template/goodslist.html">商品列表</a></dd>
                            <dd><a lay-href="template/msgboard.html">留言板</a></dd>
                            <dd><a lay-href="template/search.html">搜索结果</a></dd>
                            <dd><a href="https://www.layui.com/admin/std/dist/views/user/reg.html"
                                   target="_blank">注册</a></dd>
                            <dd><a href="https://www.layui.com/admin/std/dist/views/user/login.html"
                                   target="_blank">登入</a></dd>
                            <dd><a href="https://www.layui.com/admin/std/dist/views/user/forget.html" target="_blank">忘记密码</a>
                            </dd>
                            <dd><a lay-href="template/tips/404.html">404页面不存在</a></dd>
                            <dd><a lay-href="template/tips/error.html">错误提示</a></dd>
                            <dd><a lay-href="//www.baidu.com/">百度一下</a></dd>
                            <dd><a lay-href="//www.layui.com/">layui官网</a></dd>
                            <dd><a lay-href="//www.layui.com/admin/">layuiAdmin官网</a></dd>
                        </dl>
                    </li>
                    <li data-name="app" class="layui-nav-item">
                        <a href="javascript:;" lay-tips="应用" lay-direction="2">
                            <i class="layui-icon layui-icon-app"></i>
                            <cite>应用</cite>
                            <span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">

                            <dd data-name="content">
                                <a href="javascript:;">内容系统<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="list"><a lay-href="app/content/list.html">文章列表</a></dd>
                                    <dd data-name="tags"><a lay-href="app/content/tags.html">分类管理</a></dd>
                                    <dd data-name="comment"><a lay-href="app/content/comment.html">评论管理</a></dd>
                                </dl>
                            </dd>
                            <dd data-name="forum">
                                <a href="javascript:;">社区系统<span class="layui-nav-more"></span></a>
                                <dl class="layui-nav-child">
                                    <dd data-name="list"><a lay-href="app/forum/list.html">帖子列表</a></dd>
                                    <dd data-name="replys"><a lay-href="app/forum/replys.html">回帖列表</a></dd>
                                </dl>
                            </dd>
                            <dd>
                                <a lay-href="app/message/index.html">消息中心</a>
                            </dd>
                            <dd data-name="workorder">
                                <a lay-href="app/workorder/list.html">工单系统</a>
                            </dd>
                        </dl>
                    </li>
                    <li data-name="get" class="layui-nav-item">
                        <a href="javascript:;" lay-href="//www.layui.com/admin/#get" lay-tips="授权" lay-direction="2">
                            <i class="layui-icon layui-icon-auz"></i>
                            <cite>授权</cite>
                        </a>
                    </li>
                    <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
                </ul>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="lay_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" id="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" id="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;"><span class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd id="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd id="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd id="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd><!--layadmin-event-->
                        </dl>
                    </li>
                    <span class="layui-nav-bar"></span></ul>
            </div>
            <div class="layui-tab" lay-unauto="" lay-allowclose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="lay_app_tabsheader">
                    <li lay-id="/getConsole" lay-attr="/getConsole" class="lay_app_tab layui-this">
                        <i class="layui-icon layui-icon-home"></i>
                        <i class="layui-icon layui-unselect layui-tab-close">ဆ</i>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 主体内容 -->
        <div class="layui-body" id="lay_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="/getConsole" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript">
    $(function(){
        $('body').on('click', '.lay_app_tab', function () {
            let n = $(this).attr("lay-id");
            tabClickFn(n);
        });
        $('body').on('click', '#flexible', function () {
            console.info("111")
            $("#LAY_app").addClass("layadmin-side-shrink");
        });

        $("#flexible").click(function(){
            $("#LAY_app").addClass("layadmin-side-shrink");
        });
    });


    var tabUrlList = ['/getConsole'];
    // var index = 0;
    layui.use('element', function () {
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function (elem) {
            console.info(elem[0]);
            let title = elem.text();
            let href = elem[0];
            let hasHref = $(href).attr("lay-href");
            if (hasHref == null || hasHref == "" || typeof (hasHref) == "undefined") {
                // var href = $(elem[0]).getAttribute("lay-href");
                // console.info(href);
            } else {
                addBodyOpenUrl(hasHref, title);
            }


        });
    });

    function addBodyOpenUrl(url, title) {
        let n = tabUrlList.indexOf(url);
        if (n != -1) {
            return false;
        }
        let topStr = "<li lay-id=\"" + url + "\" lay-attr=\"" + url + "\" class=\"lay_app_tab layui-this\">" +
            "<span>" + title + "</span>" +
            "<i class=\"layui-icon layui-unselect layui-tab-close\">ဆ</i>" +
            "</li>";
        $("#lay_app_tabsheader>li").removeClass("layui-this");//.siblings()
        $("#lay_app_tabsheader").append(topStr);
        let mainStr = "<div class=\"layadmin-tabsbody-item layui-show\">" +
            "<iframe src=\"/student/getStu\" frameborder=\"0\" class=\"layadmin-iframe\"></iframe>" +
            "</div>";
        $(".layadmin-tabsbody-item").removeClass("layui-show");
        $(".layadmin-tabsbody-item").hide();
        $("#lay_app_body").append(mainStr);
        tabUrlList.push(url);
    }



    function tabClickFn(index){
        console.info('index:'+index);
        if (index != -1) {
            $("#lay_app_tabsheader>li").removeClass("layui-this");
            $(".lay_app_tab").eq(index).addClass("layui-this");
            $(".layadmin-tabsbody-item").removeClass("layui-show");
            $(".layadmin-tabsbody-item").hide();
            $(".layadmin-tabsbody-item").eq(index).addClass("layui-show");
            $(".layadmin-tabsbody-item").eq(index).show();
        }
    }

    $('body').on('click', '.layui-tab-close', function () {
        let id = $(this).parent().attr("lay-id");
        if (id) {
            let n = tabUrlList.indexOf(id);
            if (n != -1) {
                $(".layadmin-tabsbody-item").eq(n).remove();
                $(this).parent().remove();
                tabUrlList.splice(n,1);
            }
        }
        tabClickFn(n-1);
    });
</script>
</body>
</html>

